<template>
  <div>
    <div :key="item" v-for="(item) in Arr">{{ item }}</div>
  </div>
</template>

<script setup lang="ts">
  // 真实DOM的自身属性
  /* let div = document.createElement('div')
  let str = ''
  for (const key in div) {
    str += key + ''
  }
  console.log(str) */

  // 由于真实DOM属性过多，故需要虚拟DOM
  // 虚拟DOM测试
  const Arr: Array<string> = ['A', 'B', 'C', 'D']
  Arr.splice(2, 0, 'DDD')
  
</script>

<style scoped>

</style>